<template>
  <div>
    <h1>App</h1>

    <button @click="isShow = true">点我，显示 Modal</button>

    <Teleport to="body">
      <Modal :show="isShow" @close="isShow = false" />
    </Teleport>

    <div class="fixedBox"></div>
  </div>
</template>

<script setup>
import { ref } from "vue";
import Modal from "./components/Modal.vue";

const isShow = ref(false);
</script>

<style>
.fixedBox {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 100px;
  background-color: red;
}
</style>
